import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

// 数据
const myRole = "banzhuren"

//全局注册自定义指令
// Vue.directive("role",(el,binding)=>{
//   if(!binding.value.includes(myRole)){
//     el.style.display = "none"
//   }
// })

// 自定义指令的钩子函数
Vue.directive("role",{
  bind(){
    console.log("bind");
  },
  inserted(el,binding){
    // console.log("inserted");
    if(!binding.value.includes(myRole)){
          // 通过inserted钩子函数删除元素
           el.parentNode.removeChild(el)
         }
  },
  // update(){
  //   console.log("update");
  // },
  // componentUpdated(){
  //   console.log("componentUpdated");
  // },
  // unbind(){
  //   console.log("nbind");
  // },

})


new Vue({
  render: h => h(App),
}).$mount('#app')
